<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>..:: Librelato S.A. ::..</title>
	<link href="css/librelato.css" type="text/css" rel="stylesheet" />
	<link rel="icon" href="img/librelato.ico" type="image/ico" />
	<script type="text/javascript">
		// test auto-ready logic - call corner before DOM is ready
		$('#readyTest').corner();

		$(function() {
			$('#dynCorner').click(function() {
				$('#dynamic').corner();
			});
			$('#dynUncorner').click(function() {
				$('#dynamic').uncorner();
			});

			$('div.inner').wrap('<div class="outer"></div>');
			$('p').wrap("<code></code>");

			$('div.demo, div.inner').each(function() {
				var t = $('p', this).text();
				eval(t);
			});

			// fixed/fluid tests
			$("div.box, div.plain").corner();
			$("#abs").corner("cc:#08e");

			$('.myCorner').corner();
		});
	//-->
	</script>

</h:head>
<h:body styleClass="Corpo">
	<p:growl id="growl" showDetail="true" showSummary="true" life="3000" />
	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />
	<p:dialog modal="true" widgetVar="statusDialog" id="statusDialog"
		header="#{message.msg_aguarde}" draggable="false" closable="false"
		style="font-size: 10px;" resizable="false">
		<p:graphicImage value="img/save_ajax.gif" style="margin-left: 3px;" />
	</p:dialog>
	<p:notificationBar position="top" effect="slide"
		widgetVar="barraNavegador" styleClass="top">
		<h:outputText value="Navegador Não Suportado."
			style="color:#FFCC00;font-size:36px;" />
		<h:form>
			<p:commandLink value="#{message.msg_download}" ajax="false">
				<p:fileDownload value="#{indexTela.file}" />
			</p:commandLink>
		</h:form>
	</p:notificationBar>

	<table width="75%" border="0" align="center" cellspacing="1"
		id="TableFora">
		<tr>
			<td height="150" id="TableLogo">&nbsp;</td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td id="TableFundo" align="center">
				<p>&nbsp;</p>
				<p>&nbsp;</p> <h:form>
					<p:panel id="loginPanel" header="#{message.panel_login}"
						style="width: 500px; float: center;">
						<h:panelGrid id="gridLogin" columns="3">
							<h:outputLabel for="login" value="#{message.panel_login_input}" />
							<p:inputText value="#{indexTela.usuario.login}" id="login"
								required="true" requiredMessage="#{message.msg_requerido}" />
							<p:message for="login" />
							<h:outputLabel for="senha" value="#{message.panel_senha_input}" />
							<p:password value="#{indexTela.usuario.senha}" id="senha"
								required="true" feedback="false"
								requiredMessage="#{message.msg_requerido}" />
							<p:message for="senha" />
						</h:panelGrid>
						<f:facet name="footer">
							<p:commandButton value="#{message.panel_botao_enviar}"
								icon="ui-icon-disk" action="#{indexTela.logar}"
								update=":growl,gridLogin" />
						</f:facet>
					</p:panel>
				</h:form>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td align="center" class="FonteRodape" id="TableRodaPe">Copyright
				© 2012,LIBRELATO S.A.</td>
		</tr>
	</table>
	<p>&nbsp;</p>
	<p>&nbsp;</p>

</h:body>
</html>